<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>


    <input type="text" placeholder="年" id="year">
    <input type="text" placeholder="月" id="month">
    <input type="text" placeholder="日" id="day">
    <button id="btn">判断</button>


    <script>

        // 获取对象   谁cv谁狗
        var oYear = document.getElementById('year') ;
        var oMonth = document.getElementById('month') ;
        var oDay = document.getElementById('day') ;
        var oBtn = document.getElementById('btn') ;
        // 绑定事件
        oBtn.onclick = function() {
            

            // 拿取年月日
            var y = oYear.value ;
            var m = oMonth.value ;
            var d = oDay.value ;
            // console.log(y , m , d) ;   // 数据类型

            // 省略判断 。。。。。

            // 把字符串转成数字
            y *= 1 ;
            m *= 1 ;
            d *= 1 ;

            //  5.2  31+28+31+30+2   根据月份硬算
            // 根据月份计算   月份此时已经转成了数字
            var result ;


            // 把二月的天数用变量存储   放在前面是因为后面每一个月份都需要判断
            var erDay = 28 ;
            // 判断是闰年
            if(y % 4 === 0 && y % 100 !== 0 || y % 400 === 0) {
                // 覆盖前面的28
                erDay = 29 ;
            }


            if(m === 1)      result = d ;
            else if(m === 2) result = 31 + d ;
            else if(m === 3) result = 31 + erDay + d ;
            else if(m === 4) result = 31 + erDay + 31 + d ;
            else if(m === 5) result = 31 + erDay + 31 + 30 + d ;
            else if(m === 6) result = 31 + erDay + 31 + 30 + 31 + d ;
            else if(m === 7) result = 31 + erDay + 31 + 30 + 31 + 30 + d ;    
            else if(m === 8) result = 31 + erDay + 31 + 30 + 31 + 30 + 31 + d ; 
            else if(m === 9) result = 31 + erDay + 31 + 30 + 31 + 30 + 31 + 31 + d ; 
            else if(m === 10) result = 31 + erDay + 31 + 30 + 31 + 30 + 31 + 31 + 30 + d ; 
            else if(m === 11) result = 31 + erDay + 31 + 30 + 31 + 30 + 31 + 31 + 30 + 31 + d ; 
            else if(m === 12) result = 31 + erDay + 31 + 30 + 31 + 30 + 31 + 31 + 30 + 31 + 30 + d ; 

            alert(result);
        }


    </script>

    
</body>
</html>